.container{
  .fixed_top{
    position: fixed;
    top:0;
    left:0;
    width: 100%;
  }
  .nav,.search_nav{
    border-bottom:1px solid #f0f0f0;
    display: flex;
    background-color: #fff;
    text-align: center;
    padding: 0 30rpx;
    font-size: 32rpx;
    view,navigator{
      width: 50%;
      padding: 20rpx 0;
      icon{
        margin-right: 10rpx;
      }
      .color{
        color:#0097ff;
      }
    }
    .empty_search{

    }
    .actived{
      color:#0097ff;
      border-bottom: 2px solid #0097ff;
    }
  }
  .sub_total{
    view{
      width: 33%;
      padding: 30rpx 0;
    }
  }
  .search_nav{
    view,navigator{
      font-size: 26rpx;
      color:#999;
      image{
        width: 30rpx;
        height: 30rpx;
        margin-right: 10rpx;
      }
    }
    .screen{
      border-right: 1px solid #f0f0f0;
    }
    .search{
      position: relative;
      .empty_search{
        position: absolute;
        top:0;
        right:-60rpx;
      }

    }
  }
  .finance_nav{
    padding: 26rpx 0 !important;
    .empty_search{
      top:7rpx !important;
    }
  }
  /*详情*/
  .margin_top1{
    margin-top: 100rpx;
  }
  .margin_top2{
    margin-top: 200rpx;
  }
  .message_list{
    .time{
      padding: 30rpx;
      font-size: 26rpx;
      color:#333;
      text{
        margin-left: 30rpx;
      }
    }
    .message{
      background-color: #fff;
      padding: 0 30rpx;
      navigator {
        display: flex;
        border-bottom: 1px solid #f0f0f0;
        padding: 30rpx 0;
        .content_img {
          margin-right:30rpx;
          image {
            width: 100rpx;
            height: 100rpx;
            border-radius: 50%;
          }
          view{
            text-align: center;
            font-size: 28rpx;
          }
          .black{
            color:#999;
          }
          .red{
            color:#ff1542;
          }
          .green{
            color:#1aad19;
          }
        }
        .content_mes {
          font-size: 24rpx;
          color: #999;
          width:80%;
          .top {
            display: flex;
            justify-content: space-between;
            align-items: center;
            .top_left{
              display: flex;
              justify-content: space-between;
              align-items: center;
              .name {
                font-size: 36rpx;
                color: #000;
                font-weight: 700;
                margin-right: 80rpx;
              }
              .age{
                image{
                  width: 17rpx;
                  height: 21rpx;
                }
              }
            }
          }
          .center{
            font-size: 28rpx;
            color:#666;
            margin: 20rpx 0;
            text-overflow:-o-ellipsis-lastline;
            overflow:hidden;
            text-overflow:ellipsis;
            display:-webkit-box;
            -webkit-line-clamp:1;
            line-clamp:1;
            -webkit-box-orient:vertical;

          }
          .bottom {
            display: flex;
            view{
              background-color: #f7f7f7;
              padding: 4rpx 10rpx;
              margin-right: 20rpx;
              color:#666;
              border-radius: 6rpx;
            }

          }
        }
      }
    }
  }
  /*上拉加载*/
  .footer_more{
    color:#999;
    padding:50rpx 0;
    text-align:center;
    font-size:24rpx;
  }
  /*弹窗*/
 .mask{
    .maskBg{
      position: fixed;
      top:0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.6);
      z-index: 999;
    }
    .maskContent{
      position: fixed;
      top:0;
      left: 0;
      background-color: #fff;
      width: 100%;
      z-index: 999;
      .searchTop{
        padding:30rpx;
        display: flex;
        .searchInput{
          input{
            background-color: #f0f0f0;
            padding: 10rpx 60rpx;
            font-size: 30rpx;
            border-radius: 10rpx;
            width: 480rpx;
          }
          icon{
            position: absolute;
            top:50rpx;
            left: 50rpx;
          }
        }
        .searchText{
          font-size: 30rpx;
          margin: 10rpx 0 0 30rpx;
        }
      }
      .tip{
        padding: 10rpx 30rpx;
        font-size: 26rpx;
        color:#999;
      }
      /*标题样式--通用*/
      .top_title{
        font-size: 38rpx;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 30rpx 0;
        .title_content{
          display: flex;
          align-items: center;
          .title_line{
            width:8rpx;
            height:40rpx;
            background-color:#0097ff;
            border-radius:2px;
          }
          text{
            margin: 0 10rpx 0 20rpx;
            font-weight: 600;
          }
          .title_point{
            width: 10rpx;
            height: 10rpx;
            background-color: #000;
            border-radius: 50%;
            display: inline-block;
          }
        }
        .more{
          font-size: 26rpx;
          color:#999;
        }
      }
      .select_type{
        padding: 0 30rpx;
        .mes_type{
          display: flex;
          flex-wrap: wrap;
          font-size: 30rpx;
          view{
            margin: 0 20rpx 20rpx 0;
            padding:10rpx 12rpx;
            text-align: center;
            background-color: #f7f7f7;
            border-radius: 6rpx;
          }
          .actived{
            border:1px solid #0097ff;
            color:#0097ff;
          }
        }
      }
    }
  }
  /*右下角*/
  .fixed_vip{
    position: fixed;
    bottom: 40rpx;
    right: 30rpx;
    text-align: center;
    font-size: 28rpx;
    .download_img{
      margin-top: 10rpx;
      image{
        width: 110rpx;
        height: 110rpx;
        opacity:0.8;
      }
      .tips{
        margin-top: -10rpx;
      }
    }
  }
 /*空数据*/
 .empty_message{
   margin-top: 340rpx;
   .again_request{
     text-align: center;
   }
 }
}
/*财务看到的无数据*/
.financeMes{
  background-color: #f5f5f5;
  padding-top: 290rpx;
  .empty_message{
    background-color: #f5f5f5;
  }
}
/*海报弹窗*/
.share_poster{
  width: 100%;
  height:100%;
  position: fixed;
  top:0;
  left:0;
  z-index: 99999;
  background-color: rgba(0, 0, 0, 0.6);
}
.show_img{
  position: fixed;
  top:50%;
  left:50%;
  z-index: 99999;
  transform:translate(-50%,-50%);
  button{
    background-color:#3952fc;
    color:#fff;
    border-radius:60rpx;
    width:90%;
    margin-left:5%;
    padding:0 0;
    font-size:32rpx;
  }
}